<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="css/jquery.fullpage.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
        <!--公用元素-->
        <a href="#" class="go"><img src="images/00-go.png" alt=""></a>
        <a href="javascript:;" class="more"><img src="images/00-more.png" alt=""></a>
     <div class="contioner">
         <!--公用元素-->
         <!--<a href="#" class="go"><img src="images/00-go.png" alt=""></a>-->
         <!--<a href="#" class="more"><img src="images/00-more.png" alt=""></a>-->
         <!--内一个切换的屏幕-->
         <!--第一屏幕需求  -->
         <div class="section screen01">
             <!--移动背景  商品列表 沙发-->
             <div class="neirongkuang">
                 <div class="goods"><img src="images/01-goods.png" alt=""></div>
                 <div class="shafa"><img src="images/01-sofa.png" alt=""></div>
                 <div class="fei"><img src="images/01-fly.png" alt=""></div>
             </div>

         </div>
         <!--完全进入屏幕的时候执行动画  1 什么时间完全进入 2  怎么做动画-->
         <div class="section screen02">
             <div class="neirongkuang">
                 <!--商品列表  沙发  输入框  关键字-->
                 <div class="goods"><img src="images/02-goods.png" alt=""></div>
                 <div class="shafa"><img src="images/02-sofa.png" alt=""></div>
                 <div class="input">
                     <img class="search" src="images/02-search.png" alt="">
                     <img class="key" src="images/02-key.png" alt="">
                 </div>
                 <div class="text">
                     <img class="text1" src="images/02-text1.png" alt="">
                     <img class="text2" src="images/02-text2.png" alt="">

                 </div>
             </div>
         </div>


         <div class="section screen03">
             <div class="neirongkuang">
                 <div class="shafa"><img src="images/02-sofa.png" alt=""></div>
                <div class="change">
                    <img src="images/03-change01.gif" alt="">
                    <img src="images/03-change02.gif" alt="">
                </div>
                 <div class="cart">
                     <img src="images/03-cart01.gif" alt="">
                     <img src="images/03-cart02.gif" alt="">
                 </div>
             </div>
         </div>
         <div class="section screen04">
                <div class="neirongkuang">
                    <div class="cloud"><img src="images/04-cloud.png" alt=""></div>
                    <div class="text">
                        <img src="images/04-text01.png" alt="">
                        <img src="images/04-text02.png" alt="">
                    </div>
                    <div class="cart"><img src="images/04-cart.png" alt=""></div>
                </div>
         </div>
         <div class="section">5</div>
         <div class="section">6</div>
         <div class="section">7</div>
         <div class="section">8</div>
     </div>

     <script src="js/jquery.min.js"></script>
     <script src="js/jquery.fullpage.js"></script>
     <script src="js/index.js"></script>

</body>
</html>